  <template>
  <div id="app">
    <router-view></router-view>
    <van-tabbar v-model="active" class="tabbar">
      <van-tabbar-item @click="$router.push({name:'index'})" icon="wap-home-o">首页</van-tabbar-item>
      <van-tabbar-item icon="contact" @click="$router.push({ name:'brandManagement'})">品牌管理</van-tabbar-item>
      <van-tabbar-item icon="shopping-cart-o"  badge="5">购物车</van-tabbar-item>
      <van-tabbar-item icon="search">搜索</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>

export default {
  name: 'App',
  data(){
    return{
      active: 0,
    }
  }
}
</script>

<style lang="less">
@import "http://at.alicdn.com/t/font_1426139_h6vn3jbl5q.css";
.tabbar{
  z-index: 101;
}
.inputs{
  flex-direction: column;
  input{
    flex: 1;
    width: 100%;
  }
}
.loginbut{
  text-align: center;
  font-size: 20px;
  background-color: red;
      padding: 15px;
    border-radius: 35px;
}
</style>
